<template>
<div class="app">
  <page-header class="fix-top"> </page-header>
  <page-content> </page-content>
  <page-footer> </page-footer>
</div>
</template>
<script>
import pageHeader from "../components/base-layout/page-header.vue";
import pageContent from "../components/base-layout/page-content.vue";
import pageFooter from "../components/base-layout/page-footer.vue";
export default {
  name: "Demo",
  data() {
    return {
      direction: "right",
      pinPadding: 100,
    };
  },
  components: {
    pageHeader,
    pageContent,
    pageFooter,
  },
};
</script>
<style lang="scss" scoped>
.app{
  min-width: 1366px;
  .fix-top{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    //box-shadow: 0 5px 5px 0 #dfdfdf;
  }
}
</style>
